/*////////////////////////////////////////////////////////////////////////////
* classname:: uib-dropdown
* included:: 2019-1-7 09:48:47
* position:: hover
////////////////////////////////////////////////////////////////////////////*/
    [uib-dropdown-hover]:hover>.dropdown-menu { display: block; }
    .dropdown-menu { margin-top: -1px; }
/*////////////////////////////////////////////////////////////////////////////
* classname:: infomsg
* included:: 2018-12-25 16:32:15
* position:: warning msg for jiake
////////////////////////////////////////////////////////////////////////////*/
    .infomsg{ font-size: 12px; color: #999999; letter-spacing: 0; line-height: 20px; text-align: left; position: relative; padding-left: 26px;}
    .infomsg:before{content: "i";font-family: Arial-BoldMT;position: absolute;font-size: 12px;top: 2px;left: 5px;font-weight: bold;color: #ffffff;letter-spacing: 0;text-align: center;background: #4aa6fc;border: 1px solid #4aa6fc;width: 16px;height: 16px;line-height: 16px;border-radius: 100%;}
    .form-yx .infomsg{ margin-left: 32px; margin-bottom: 12px;}
    .form-yx .infomsg:before{background: #fff;color: #4aa6fc;}
/*////////////////////////////////////////////////////////////////////////////
* page::hero title
////////////////////////////////////////////////////////////////////////////*/
    .hero{box-sizing: border-box; box-shadow: none; padding: 30px 0 0 48px; position: relative; height: 100px; background-color: #1976D2; background: linear-gradient(145deg,#0D47A1,#42A5F5); color: #fff;}
    .hero .heroTitle{display: inline-block; font-size: 28px; font-weight: 400; float: left; line-height: 48px; margin: 0 8px 0 0;}
/*////////////////////////////////////////////////////////////////////////////
* page::imgNoSelect
////////////////////////////////////////////////////////////////////////////*/
    .imgNoSelect{-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none;}
    .no-select{-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none;}

/*////////////////////////////////////////////////////////////////////////////
* classname:: yx-modal
* included:: 2018-12-11 11:20:44
* position:: working in modal with Conpany style
////////////////////////////////////////////////////////////////////////////*/
    .yx-modal{background: rgba(114, 102, 186, 0.18);}
    .yx-modal.modal .modal-dialog .modal-body {padding: 0}
    .yx-modal.modal .modal-dialog .modal-body .modal-body-title{color:#333;font-size:14px;font-weight:800;background:#f7f7f7;height:50px;line-height:50px;padding:0 20px;border-bottom: 1px solid #e5e5e5;}
    .yx-modal.modal .modal-dialog .modal-body .modal-body-title span{float:right;cursor:pointer;}
    .yx-modal.modal .modal-dialog .modal-body .modal-body-title > i{color:#eb6774;top: 3px;margin-left: 2px;}
    .yx-modal.modal .modal-dialog .modal-body .modal-body-title .modal-body-title-close {background: url();width: 12px;background-size: 12px 12px;float: right;margin-top: 19px;height: 12px;cursor: pointer;}
    .yx-modal.modal .modal-dialog .modal-body .modal-body-content {top: 0; padding: 0 20px; background: #fff; position: relative; overflow: hidden; font-size: 12px; }
/*////////////////////////////////////////////////////////////////////////////
* classname:: xy-confirm
* included:: 2018-12-11 13:41:32
* position:: emmmm new confirm modal and i dont like it
////////////////////////////////////////////////////////////////////////////*/
    .xy-confirm-box{}
    .xy-confirm-box .modal-dialog {width: 308px; height: 208px;}
    .xy-confirm{background: #ffffff; border:1px solid #eeeeee; box-shadow:0 0 12px 0 rgba(173,173,173,0.16); width:308px; height:208px; padding: 49px 52px 0; text-align: center; }
    .xy-confirm h2{ font-size:16px; color:#5c9fe2; letter-spacing:0; text-align: center; margin: 0 0 6px 0; height: 21px; line-height: 21px; }
    .xy-confirm p{ font-size:12px; color:#999999; letter-spacing:0; text-align:left; margin: 0 0 22px 0; line-height: 18px; }
    .xy-confirm .xy-confirm-btns{}
    .xy-confirm .xy-confirm-btns .btn{background: #ffffff; border-radius:2px; width:88px; font-size:14px; letter-spacing:0; border:1px solid #d9dbdc; color:#333333; text-align:center; height:32px;}
    .xy-confirm .xy-confirm-btns .xy-confirm-btn1{margin-right: 20px; }
    .xy-confirm .xy-confirm-btns .xy-confirm-btn2{border:1px solid #ea544a; color:#ea544a; }
/*////////////////////////////////////////////////////////////////////////////
* classname:: xian-checks
* included:: 2018-12-13 13:14:19
* position:: checkbox or radio css with xian style in pre peoject
////////////////////////////////////////////////////////////////////////////*/
    .xian-checks{cursor:pointer;line-height:34px;}
    .xian-checks>i{position:relative;vertical-align:middle;background-color:#fff;border:2px solid #333;color:#333;border-radius:10px;padding:0px 15px;line-height:20px;display:inline-block;font-size:12px;font-weight:800;font-style:initial;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
    .xian-checks.xian-checks-red>i{color:#E95757;border:2px solid #E95757;}
    .xian-checks.xian-checks-blue>i{color:#7FB0E8;border:2px solid #7FB0E8;}
    .xian-checks.xian-checks-green>i{color:#50E3C2;border:2px solid #50E3C2;}
    .xian-checks>input{position:absolute;opacity:0;}
    .xian-checks>input:checked+i{color:#fff;background:#333;}
    .xian-checks.xian-checks-red>input:checked+i{color:#fff;background:#E95757;}
    .xian-checks.xian-checks-blue>input:checked+i{color:#fff;background:#7FB0E8;}
    .xian-checks.xian-checks-green>input:checked+i{color:#fff;background:#50E3C2;}
    .xian-checks>input:disabled+i{cursor:no-drop;}
    .xian-checks2{cursor:pointer;line-height:34px;}
    .xian-checks2>i{position:relative;vertical-align:middle;background-color:#E4E4E4;border:0;color:#868686;border-radius:10px;padding:0;line-height:24px;display:inline-block;font-size:12px;font-style:initial;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
    .xian-checks2>input{position:absolute;opacity:0;}
    .xian-checks2>input+i:before{content:"\5f00\542f";display:inline-block;border-radius:10px;padding:0 10px 0 8px;text-align:center;}
    .xian-checks2>input+i:after{content:"\5173\95ed";display:inline-block;border-radius:10px;padding:0 8px 0 6px;text-align:center;background:#9E9E9E;color:#fff;}
    .xian-checks2>input:checked+i:after{background:inherit;color:inherit;}
    .xian-checks2>input:checked+i:before{background:#FF6633;color:#fff;}
    .xian-checks2.xian-checks-suo>input+i:after{content:"\4e0d\9501\5b9a";}
    .xian-checks2.xian-checks-suo>input+i:before{content:"\9501\5b9a";}
    .xian-checks2.xian-checks-lan>input+i:after{content:"\4e0d\62e6\622a";}
    .xian-checks2.xian-checks-lan>input+i:before{content:"\62e6\622a";}
    .xian-checks2.xian-checks-blue>input:checked+i:before{background:#45C5F1;}
/*////////////////////////////////////////////////////////////////////////////
* classname:: article
* included:: 2018-12-14 22:30:33
* position:: beautiful text css
////////////////////////////////////////////////////////////////////////////*/
    .docs-content{max-width: 100%;}
    .docs-content p{margin: 0 0 10px 0;font-size: 16px;font-weight: 400;line-height: 28px;padding: 0;text-indent: 0;}
    .docs-content img{max-width: 100%}
    .docs-content ul{padding-left: 20px;margin: 10px 0;border-left: 6px solid #23b7e5;}
    .docs-content ul li{list-style-type: decimal;}
    .docs-content .feedbackItem{margin-top: 10px;}
    .docs-content .feedbackItem .feedbackListSubtitle { padding: 0 5px; }
    .docs-content .feedbackItem .feedbackCon { border: 1px dashed #dedede; padding: 10px; margin: 10px 0; }
    .docs-content .feedbackItem .blog_comment_body { word-wrap: break-word; overflow: hidden; }
/*////////////////////////////////////////////////////////////////////////////
* classname:: list-icon
* included:: 2018-12-17 18:59:03
* position:: show font icon
////////////////////////////////////////////////////////////////////////////*/
    .list-icon div { display: inline-block;line-height: 40px; white-space: nowrap; }
    .list-icon div:hover i { font-size: 26px; }
    .list-icon div i {display: inline-block;width: 40px;margin: 0;font-size: 18px;text-align: center;vertical-align: middle;-webkit-transition: font-size 0.2s;transition: font-size 0.2s;}
/*////////////////////////////////////////////////////////////////////////////
* classname:: breadcrumb
* included:: 2019-1-28 22:47:15
* position:: breadcrumb css
////////////////////////////////////////////////////////////////////////////*/
    .breadcrumb.breadcrumb-s1{padding: 14px 31px 10px;background: #eaeaea;margin: 0;border-radius: 0;}
    .breadcrumb.breadcrumb-s1>li+li:before{padding: 0 5px;color: #777;content: "\f105";font: normal normal normal 14px/1 FontAwesome;}
    .breadcrumb.breadcrumb-s1 a{font-size:12px; color:#777;}
    .breadcrumb.breadcrumb-s1>.active{color: #777;}
/*////////////////////////////////////////////////////////////////////////////
* classname:: shadow
////////////////////////////////////////////////////////////////////////////*/
    .box-shadow { box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05); }
    .box-shadow-lg { box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05); }
    .no-shadow { -webkit-box-shadow: none !important; box-shadow: none !important; }
/*////////////////////////////////////////////////////////////////////////////
* classname::img upload css
* ======================
* modify::2019-1-25 10:51:19
////////////////////////////////////////////////////////////////////////////*/
    .imgall{width:76px; height:76px; display:inline-block; float:left; margin-right:8px; position:relative; border-radius:4px; overflow:hidden;}
    .imgall .fileup{position:absolute; top:0; left:0; width:20px; height:20px; cursor:pointer; opacity:0;}
    .imgall img{width:76px; height:76px;}
    .imgall span{width:100%; height:24px; display:inline-block; padding:0 4px; position:absolute; bottom:4px; display:flex; display:-webkit-flex; display:-moz-flex; display:-ms-flex; justify-content:space-between; -webkit-justify-content:space-between; -moz-justify-content:space-between; -ms-justify-content:space-between;}
    .imgall .imgleft{width:20px; height:20px; display:inline-block; background:url('../images/splite.1.png')no-repeat 0 -51px; z-index:12; cursor:pointer;}
    .imgall .imgfileup{width:20px; height:20px; margin-top:1px; display:inline-block; background:url('../images/splite.1.png')no-repeat 3px -340px; z-index:12; cursor:pointer; background-color:#fff; border-radius:10px;}
    .imgall .imgright{width:20px; height:20px; display:inline-block; background:url('../images/splite.1.png')no-repeat 0 -21px; z-index:12; cursor:pointer;}
    .imgall .imgdel{width:20px; height:20px; display:inline-block; background:url('../images/splite.1.png')no-repeat 0 -80px; z-index:12; cursor:pointer;}
    .imgall .onlyImgdel{margin:auto;}
    .timebox {width:100%;height:50px;}
/*////////////////////////////////////////////////////////////////////////////
* classname:: table-yx-box
* included:: 2019-1-4 17:21:03
////////////////////////////////////////////////////////////////////////////*/
     .table-yx-box .table  {margin-bottom:0;position: relative;}
     .table-yx-box .pagination { margin:0; }
     .table-yx-box .mask { z-index:10;background: rgba(221,221,221,0.5);position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
/*////////////////////////////////////////////////////////////////////////////
* classname:: yx-navbar
* included:: 2018-12-7 17:40:00
* position:: working in header as tooler
////////////////////////////////////////////////////////////////////////////*/
    ul.yx-navbar{display: flex;flex-direction: row;align-items: center;padding: 0;height: 70px;margin: 0;}
    ul.yx-navbar.yx-navbar-right{flex-direction: row-reverse;}
    ul.yx-navbar li{list-style-type: none;}
    ul.yx-navbar li:hover{box-shadow: inset 0 2px #5974d9;}
    ul.yx-navbar li div:hover,
    ul.yx-navbar li:focus{/*background-color: #f4f5f9;*/}
    ul.yx-navbar li.yx-navbar-item{padding: 0 10px;position: relative;}
    ul.yx-navbar li.yx-navbar-item > .badge{ position: absolute; top: 18px; right: -8px; margin: 0; padding: 0 4px; font-size: 13px; background: red; height: 16px; line-height: 16px; color: #fff; }
    ul.yx-navbar li.yx-navbar-border{width: 2px;background: #d9d9d9;height:20px;}
    ul.yx-navbar li.yx-navbar-item >div{color: #5c5c5c;display: flex; height: 70px;align-items: center;position: relative;text-align: center;cursor: pointer;}
    ul.yx-navbar li.yx-navbar-item >div:hover{text-decoration: none;}
    ul.yx-navbar li.yx-navbar-item >div >span{line-height: 50px;margin-left: 10px;}
    ul.yx-navbar li.yx-navbar-item >div >input{padding-left: 15px;color: #666;background: #fcfcfe;border: 1px solid #dee5e7;border-radius:100px;width:240px;height:32px;font-size: 14px;text-align:left;}
    ul.yx-navbar li.yx-navbar-item >div >i{display: block;font-weight: 100;font-size: 15px;line-height: 50px;}
    ul.yx-navbar li.yx-navbar-item >div >i.inputlogo{position: absolute;right: 16px;top: 10px;width: 18px;height: 30px;background-size: 100%;color: #959ca9;cursor: pointer;}
    ul.yx-navbar li.yx-navbar-title >div{border-radius: 4px;}
    ul.yx-navbar li.yx-navbar-title >div >span{font-size: 16px;color: #323232;background: transparent;padding: 0;}
    ul.yx-navbar li.yx-navbar-item >div >input::-webkit-input-placeholder{font-size:14px;color:#c9ced7;}
    ul.yx-navbar li.yx-navbar-item >div >input:-moz-placeholder{font-size:14px;color:#c9ced7;}
    ul.yx-navbar li.yx-navbar-item >div >input::-moz-placeholder{font-size:14px;color:#c9ced7;}
    ul.yx-navbar li.yx-navbar-item >div >input:-ms-input-placeholder{font-size:14px;color:#c9ced7;}
    ul.yx-navbar li.yx-navbar-item >div >.yx-navbar-item-small{font-size:12px;color:#ffffff;letter-spacing:0;text-align: center;background: #ea544a;align-self: unset;margin-top: 15px;border-radius: 4px;width:46px;height:18px;}
    ul.yx-navbar .badgeuptag{position: absolute;width: 8px;height: 8px;display: block;top: 23px;right: -1px;background: #f05050;border-radius: 50%;z-index: 10;}
/*////////////////////////////////////////////////////////////////////////////
* classname::2019 table css
* ======================
* by: lyp 2019-6-13 11:14:21
////////////////////////////////////////////////////////////////////////////*/
    .yxt14{position: relative;}
    .yxt14 .yxt14main { padding: 0; margin: 0 15px 25px; box-shadow: none; margin-bottom: 20px; background-color: #fff; border: none; border-radius: 0;}
    .yxt14 .yxt14main .form-inline {}
    .yxt14 .yxt14main .form-inline:after { content: ' '; display: block; clear: both; }
    .yxt14 .yxt14main .table .yxt14loading,
    .yxt14 .yxt14main .table .yxt14loading td{ height: 37px; }
    .yxt14 .yxt14main .table .yxt14loading>td>div{z-index:200;padding-top: 100px;background: rgba(221,221,221,0.5);position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
    /* not good now use follow code */
    /* move loading layout out from box */
    .yxt14 .yxt14main div.yxt14tableBox{position: relative;}
    .yxt14 .yxt14main div.yxt14tableBox session.yxt14loading{z-index:200;padding-top: 100px;background: rgba(221,221,221,0.5);position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
    .yxt14 .yxt14main div.yxt14tableBox session.yxt14loading center{ position: absolute; top: 50%; left: 50%; width: 100px; display: block; height: 20px; margin-top: 16px; margin-left: -50px; color: #23b7e5; }
    /* end */
    .yxt14 .form-inline { margin: 25px 0 15px 10px; line-height: 40px; /* overflow: hidden; */}
    .yxt14 .form-inline .form-group { margin-right: 10px;margin-bottom: 0;vertical-align: baseline; }
    .yxt14 .form-inline .select2-container {border-radius:0;margin-top: 0;width:400px;border:1px solid #d9d9d9;display: inline-block;vertical-align: middle;}
    .yxt14 .form-inline .select2-container.select2-dropdown-open {border-color:#5897fb;border-radius:3px 3px 0 0;}
    .yxt14 .form-inline .select2-choice {background-image:none;height:32px;line-height:32px;border-radius:5px;background:#fff;padding:0 0 0 15px;color:#666 !important;border:0;}
    .yxt14 .form-inline .select2-choice>.select2-chosen line-heigh {font-size:12px;color:#aaa;}
    .yxt14 .form-inline .select2-choice>.select2-chosen {line-height:34px;height:34px;font-size:12px;color: #666;}
    .yxt14 .form-inline .select2-choice.select2-default>.select2-chosen{color: #999 !important;}
    .yxt14 .form-inline .select2-container .select2-choice .select2-arrow {background:#fff;border-left:1px solid #e1e3e4;width:26px;padding:0;overflow:hidden;}
    .yxt14 .form-inline .select2-container .select2-choice .select2-arrow b {margin-left:4px;margin-top:2px;}
    .yxt14 .form-inline input[type=text][datetime-picker] { background: url();background-color: #fff;background-repeat: no-repeat; background-position: 6px center; padding-left: 33px !important; }
    .yxt14 .table-responsive { margin-left:0; }
    .yxt14 .form-group .form-control { width: 200px; border-radius: 5px; font-size: 12px; }
    .yxt14 .yxt14btn-red { padding: 6px 22px; background-color: #E67067; color: #fff; font-size: 14px; border-radius: 5px; }
    .yxt14 .yxt14btn-red:hover,
    .yxt14 .yxt14btn-red:focus,
    .yxt14 .yxt14btn-red:active { color: #fff; background: #E76055; }
    .yxt14 .yxt14btn-gray { padding: 6px 22px; background-color: #9e9e9e; color: #fff; font-size: 14px; border-radius: 5px; }
    .yxt14 .yxt14btn-gray:hover,
    .yxt14 .yxt14btn-gray:focus,
    .yxt14 .yxt14btn-gray:active { color: #fff; background: #9e9e9e; }
    .yxt14 .yxt14btn-blue { padding: 6px 22px; background-color: #45c5f1; color: #fff; font-size: 14px; border-radius: 5px; }
    .yxt14 .yxt14btn-blue:hover,
    .yxt14 .yxt14btn-blue:focus,
    .yxt14 .yxt14btn-blue:active { color: #fff; background: #15bdf7; }
    .yxt14 .yxt14main .btn-link{padding:0;font-size: 14px;}
    .yxt14 .yxt14main .table{border-bottom: 1px solid #ddd;position: relative; overflow: hidden;}
    .yxt14 .yxt14main .table tbody{border-top: 0;border-bottom: 1px dashed #ddd;}
    .yxt14 .yxt14main .table tbody:nth-of-type(odd) { background-color: #f9f9f9; }
    .yxt14 .yxt14main .table tr th {padding: 10px 5px;font-size: 13px;color: #222;border-left:1px;border-right:1px;border-bottom: 1px solid #ddd;}
    .yxt14 .yxt14main .table tr td{padding: 8px 3px;word-break: break-all;}
    .yxt14 .yxt14main .main-table-info{ height: 75px; overflow: hidden; }
    .yxt14 .yxt14main .main-table-info-msg{ width: 300px; float: left; }
    .yxt14 .yxt14main .main-table-info-msg h6{display: block;height: 75px;line-height: 75px;margin: 0;padding: 0 17px;}
    .yxt14 .yxt14main .main-table-nav{ float: right; }
    .yxt14 .yxt14main .table tr td a{color:#337ab7;}
    .yxt14 .yxt14main .table tr td a:hover,
    .yxt14 .yxt14main .table tr td a:focus{color:#23527c;}
    .yxt14 .yxt14main .table>tbody>tr>td,
    .yxt14 .yxt14main .table>tbody>tr>th,
    .yxt14 .yxt14main .table>tfoot>tr>td,
    .yxt14 .yxt14main .table>tfoot>tr>th,
    .yxt14 .yxt14main .table>thead>tr>td,
    .yxt14 .yxt14main .table>thead>tr>th{border-top:none;vertical-align: middle;font-size: 14px;line-height: 20px;color: #222;}
    .yxt14 .yxt14main .yxt14left{text-align:left;}
    .yxt14 .yxt14main .yxt14center{text-align:center;}
    .yxt14 .yxt14main .yxt14right{text-align:right;}
    .yxt14 .yxt14main .yxt14sort{ background: red; width: 10px; height: 10px; display: inline-block;}
    .yxt14 .yxt14main .yxt14ellipsis{ overflow: hidden; max-height: 60px; line-height: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
    .yxt14 .yxt14main .tablefoot{ background: #f5f5f5;}
    .yxt14 .yxt14main .i-checks > i { position: relative; display: inline-block; width: 17px; height: 17px; margin-top: -2px; margin-right: 4px; margin-left: -20px; line-height: 1; vertical-align: middle; background-color: #fff; border: 1px solid #7b7b7b; }
/*////////////////////////////////////////////////////////////////////////////
* classname::2019 table css update to 15
* ======================
* by: lyp 2019-8-27 17:34:15
////////////////////////////////////////////////////////////////////////////*/
    .yxt15{position: relative;padding: 0 30px;}

    .yxt15 .yxt15box{ margin: 0 0 20px; padding: 0; position: relative; }
    .yxt15 .yxt15box .table-responsive {overflow-x:auto;min-height: 200px;}
    .yxt15 .yxt15box .yxt15nodata{position: absolute; top: 41%; bottom: 0; left: 0; right: 0; z-index: 200; height: 40px; text-align: center;}
    .yxt15 .yxt15box .yxt15loading{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 200; background: rgba(0, 0, 0, 0.3);}
    .yxt15 .yxt15box .yxt15loading center{position: absolute; top: 43%; display: block; text-align: center; z-index: 200; width: 100%; margin: 0; font-size: 18px; color: #fff; text-shadow: 0 0 1px rgb(0, 0, 0);}
    .yxt15 .yxt15box .sk-spinner-wave.sk-spinner{top: 39%;}

    .yxt15title { color: #333333; font-size: 20px; margin: 25px 0; display: flex; flex-direction: row; justify-content: start; align-items: center;}
    .yxt15title > i { color: #eb6774; margin: 0 8px 0 0; height: 22px; width: 20px; background: url(../images/splite.4.png) no-repeat; background-position: -180px -30px;}

    .yxt15nav {padding: 0 0 0 10px;background: #eee;font-size:15px;border-bottom: 1px solid #DDDDDD;line-height: 46px;}
    .yxt15nav .yxt15navson {border-radius:5px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;padding: 0;display: inline-block;height: 50px;line-height: 54px;margin-top: 10px;padding: 0 20px;}
    .yxt15nav .yxt15navson:hover {text-decoration:none;color:red; }
    .yxt15nav .yxt15active {color:#da2828;font-size:16px;padding: 0 30px;background:#fff;border: 1px solid #DDDDDD;border-bottom: 0; transform: translateY(2px);}

    .yxt15breadcrumb { padding: 13px 30px 8px; font-size: 12px; color: #ddd; margin: 0; background-color: #eee;}
    .yxt15breadcrumb a { background-image: url(''); padding: 2px 18px 2px 0px; margin: 0 10px 0 0; display: inline-block; background-position: center right; background-repeat: no-repeat; font-size: 12px; color: #999;}
    .yxt15breadcrumb > li + li:before ,
    .yxt15breadcrumb a:hover { color:#333333; }
    .yxt15breadcrumb a:last-child { background-image:none; }
    .yxt15breadcrumb a.current { font-weight:bold; color:#444444; }
    .yxt15breadcrumb a i {margin-right:8px;opacity: .7;}
    .yxt15breadcrumb a:hover i { margin-right:8px; opacity:.8; }

    .yxt15 .main-table-info{ height: 75px; overflow: hidden; }
    .yxt15 .main-table-info .main-table-info-msg{ width: 300px; float: left; }
    .yxt15 .main-table-info .main-table-info-msg h6{display: block;height: 75px;line-height: 75px;margin: 0; padding: 0 5px; font-size: 14px;}
    .yxt15 .main-table-info .main-table-nav{ float: right; }

    .yxt15 .table-responsive .table{border-bottom: 1px solid #ddd;position: relative; table-layout: fixed; overflow: hidden;}
    .yxt15 .table-responsive .table tbody{border-top: 0;border-bottom: 1px dashed #ddd;}
    .yxt15 .table-responsive .table tbody:nth-of-type(odd) { background-color: #f9f9f9; }
    .yxt15 .table-responsive .table tr td a{color:#337ab7;}
    .yxt15 .table-responsive .table tr td a:hover,
    .yxt15 .table-responsive .table tr td a:focus{color:#23527c;}
    .yxt15 .table-responsive .table tr th {padding: 10px 4px;font-size: 13px;color: #222;border-left:1px;border-right:1px;border-bottom: 1px solid #ddd;}
    .yxt15 .table-responsive .table tr td{padding: 8px 3px;word-break: break-all;}
    .yxt15 .table-responsive .table tr th:first-child{padding: 10px 4px 10px 10px}
    .yxt15 .table-responsive .table tr td:first-child{padding: 8px 4px 8px 10px}

    .yxt15 .yxt15main { padding: 0; margin: 0 0 20px; box-shadow: none; background-color: #fff; border: none; border-radius: 0;display: block;}
    .yxt15 .yxt15main .btn-link{padding:0;font-size: 14px;}
    .yxt15 .yxt15main .table>tbody>tr>td,
    .yxt15 .yxt15main .table>tbody>tr>th,
    .yxt15 .yxt15main .table>tfoot>tr>td,
    .yxt15 .yxt15main .table>tfoot>tr>th,
    .yxt15 .yxt15main .table>thead>tr>td,
    .yxt15 .yxt15main .table>thead>tr>th{border-top:none;vertical-align: middle;font-size: 14px;line-height: 20px;color: #222;}
    .yxt15 .yxt15main .yxt15left{text-align:left;}
    .yxt15 .yxt15main .yxt15center{text-align:center;}
    .yxt15 .yxt15main .yxt15right{text-align:right;}
    .yxt15 .yxt15main .yxt15sort{ background: red; width: 10px; height: 10px; display: inline-block;}
    .yxt15 .yxt15main .yxt15ellipsis{ overflow: hidden; max-height: 60px; line-height: 20px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
    .yxt15 .yxt15main .tablefoot{ background: #f5f5f5;}
    .yxt15 .yxt15main .i-checks > i { position: relative; display: inline-block; width: 17px; height: 17px; margin-top: -2px; margin-right: 4px; margin-left: -20px; line-height: 1; vertical-align: middle; background-color: #fff; border: 1px solid #7b7b7b; }

    .yxt15 .form-inline { margin: 25px 0 0px 0; line-height: 48px;}
    .yxt15 .form-inline .form-group { margin-right: 10px;margin-bottom: 0;vertical-align: baseline; }
    .yxt15 .form-inline .select2-container {border-radius:0;margin-top: 0;width:400px;border:1px solid #d9d9d9;display: inline-block;vertical-align: middle;}
    .yxt15 .form-inline .select2-container.select2-dropdown-open {border-color:#5897fb;border-radius:3px 3px 0 0;}
    .yxt15 .form-inline .select2-choice {background-image:none;height:32px;line-height:32px;border-radius:5px;background:#fff;padding:0 0 0 15px;color:#666 !important;border:0;}
    .yxt15 .form-inline .select2-choice>.select2-chosen line-heigh {font-size:12px;color:#aaa;}
    .yxt15 .form-inline .select2-choice>.select2-chosen {line-height:34px;height:34px;font-size:12px;color: #666;}
    .yxt15 .form-inline .select2-choice.select2-default>.select2-chosen{color: #999 !important;}
    .yxt15 .form-inline .select2-container .select2-choice .select2-arrow {background:#fff;border-left:1px solid #e1e3e4;width:26px;padding:0;overflow:hidden;}
    .yxt15 .form-inline .select2-container .select2-choice .select2-arrow b {margin-left:4px;margin-top:2px;}
    .yxt15 .form-inline input[type=text][datetime-picker] { background: url();background-color: #fff;background-repeat: no-repeat; background-position: 6px center; padding-left: 33px !important; }
    .yxt15 .form-group .form-control { width: 200px; border-radius: 5px; font-size: 12px; }
    .yxt15 .yxt15btn-red { padding: 6px 22px; background-color: #E67067; color: #fff; font-size: 14px; border-radius: 5px; }
    .yxt15 .yxt15btn-red:hover, .yxt15 .yxt15btn-red:focus, .yxt15 .yxt15btn-red:active { color: #fff; background: #E76055; }
    .yxt15 .yxt15btn-gray { padding: 6px 22px; background-color: #9e9e9e; color: #fff; font-size: 14px; border-radius: 5px; }
    .yxt15 .yxt15btn-gray:hover, .yxt15 .yxt15btn-gray:focus, .yxt15 .yxt15btn-gray:active { color: #fff; background: #9e9e9e; }
    .yxt15 .yxt15btn-blue { padding: 6px 22px; background-color: #45c5f1; color: #fff; font-size: 14px; border-radius: 5px; }
    .yxt15 .yxt15btn-blue:hover, .yxt15 .yxt15btn-blue:focus, .yxt15 .yxt15btn-blue:active { color: #fff; background: #15bdf7; }
/*////////////////////////////////////////////////////////////////////////////
* classname::yxt14nav v2
* ======================
* by: lyp 2019-6-13 11:14:21
////////////////////////////////////////////////////////////////////////////*/
    .yxt14nav {padding: 0 0 0 10px;background: #eee;font-size:15px;border-bottom: 1px solid #DDDDDD;line-height: 46px;}
    .yxt14nav .yxt14navson {border-radius:5px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;padding: 0;display: inline-block;height: 50px;line-height: 54px;margin-top: 10px;padding: 0 20px;}
    .yxt14nav .yxt14navson:hover {text-decoration:none;color:red; }
    .yxt14nav .yxt14active {color:#da2828;font-size:16px;padding: 0 30px;background:#fff;border: 1px solid #DDDDDD;border-bottom: 0; transform: translateY(2px);}
/*////////////////////////////////////////////////////////////////////////////
* classname::2019 breadcrumb v2
* ======================
* by: lyp 2019-6-13 11:14:21
////////////////////////////////////////////////////////////////////////////*/
    .yxt14breadcrumb { padding: 13px 30px 8px; font-size: 12px; color: #ddd; margin: 0; background-color: #eee;}
    .yxt14breadcrumb a { background-image: url(''); padding: 2px 18px 2px 0px; margin: 0 10px 0 0; display: inline-block; background-position: center right; background-repeat: no-repeat; font-size: 12px; color: #999;}
    .yxt14breadcrumb > li + li:before ,
    .yxt14breadcrumb a:hover { color:#333333; }
    .yxt14breadcrumb a:last-child { background-image:none; }
    .yxt14breadcrumb a.current { font-weight:bold; color:#444444; }
    .yxt14breadcrumb a i {margin-right:8px;opacity: .7;}
    .yxt14breadcrumb a:hover i { margin-right:8px; opacity:.8; }
/*////////////////////////////////////////////////////////////////////////////
* classname:: yxt14title v2.0
* belong:: yxt14
* included:: 2019-2-14 17:52:43
////////////////////////////////////////////////////////////////////////////*/
    .yxt14title { color: #333333; font-size: 20px; margin: 25px 0; display: flex; flex-direction: row; justify-content: start; align-items: center;}
    .yxt14title > i { color: #eb6774; margin: 0 8px 0 0; height: 22px; width: 20px; background: url(../images/splite.4.png) no-repeat; background-position: -180px -30px;}
/*////////////////////////////////////////////////////////////////////////////
* classname:: sk-spinner-wave
* included:: 2019-2-14 17:52:43
////////////////////////////////////////////////////////////////////////////*/
    .sk-spinner-wave.sk-spinner{position: absolute;width: 50px;height: 30px;top: 50%;left: 50%;margin-left: -25px;margin-top: -15px;text-align: center;font-size: 10px;}
    .sk-spinner-wave div{background-color: #23b7e5; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out; animation: sk-waveStretchDelay 1.2s infinite ease-in-out;}
    .sk-spinner-wave .sk-rect2{-webkit-animation-delay: -1.1s; animation-delay: -1.1s;}
    .sk-spinner-wave .sk-rect3{-webkit-animation-delay: -1s; animation-delay: -1s;}
    .sk-spinner-wave .sk-rect4{-webkit-animation-delay: -0.9s; animation-delay: -0.9s;}
    .sk-spinner-wave .sk-rect5{-webkit-animation-delay: -0.8s; animation-delay: -0.8s;}
    @-webkit-keyframes sk-waveStretchDelay{0%, 40%, 100%{-webkit-transform: scaleY(0.4); transform: scaleY(0.4);} 20%{-webkit-transform: scaleY(1); transform: scaleY(1);} }
    @keyframes sk-waveStretchDelay{0%, 40%, 100%{-webkit-transform: scaleY(0.4); transform: scaleY(0.4);} 20%{-webkit-transform: scaleY(1); transform: scaleY(1);} }
/*////////////////////////////////////////////////////////////////////////////
* classname::2019 modal css
* ======================
* by: lyp 2019-6-13 11:14:21
////////////////////////////////////////////////////////////////////////////*/
    .modalWidth1000 .modal-dialog {width:1000px}
    .modalWidth900 .modal-dialog {width:900px}
    .modalWidth800 .modal-dialog {width:800px}
    .modalWidth700 .modal-dialog {width:700px}
    .modalWidth600 .modal-dialog {width:600px}
    .modal-dialog:before { pointer-events: none; content: " "; -webkit-transform: rotate(45deg); position: absolute; width: 20px; height: 20px; border-bottom: 2px solid #f8f8f8; border-right: 2px solid #f8f8f8; top: 0; right: -32px; z-index: -1100; }
    .modal-dialog:after { pointer-events: none; content: ' '; -webkit-transform: rotate(45deg); position: absolute; width: 20px; height: 20px; border-top: 2px solid #f8f8f8; border-left: 2px solid #f8f8f8; top: 25px; right: -32px; z-index: -1100; }
    .modal-content .yxf14 .yxf14-title { padding-left: 66px; color: #333333; font-size: 24px; margin-top: 25px; margin-bottom: 25px; font-weight: 100; }
    .modal-content .yxf14 .yxf14-box .yxf14-control button { margin-left: 60%; }
/*////////////////////////////////////////////////////////////////////////////
* classname::2019 from css
* ======================
* by: lyp 2019-6-13 11:14:21
////////////////////////////////////////////////////////////////////////////*/
    .yxf14 { width: auto; padding-bottom: 20px; padding-left: 36px;}
    .yxf14 .yxf14-title { display: block; letter-spacing: 0; text-align: left; line-height: 28px; color: #333333; font-size: 20px; margin-top: 25px; margin-bottom: 25px; font-weight: 100;}
    .yxf14 .yxf14-title > i { color: #eb6774; margin: 0 18px 0 0; height: 27px; width: 20px; background: url(../images/splite.4.png) no-repeat; background-position: -180px -28px; vertical-align: top; display: inline-block;}
    .yxf14 .yxf14-subtitle-red { color: red; font-size: 14px; margin-bottom: 25px; }
    .yxf14 .yxf14-box {width:auto;position:relative;padding:0 0 15px 160px;}
    .yxf14.bigpadding .yxf14-box {padding:0 0 15px 238px;}
    .yxf14.smallpadding .yxf14-box {padding:0 0 15px 65px;}
    .yxf14 .yxf14-box .yxf14-label {position:absolute;font-weight:normal;margin:0;top:0;left:0;width:160px;padding:0 15px 0 0;line-height:38px;height:36px;color:#888;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#fafafa;}
    .yxf14 .yxf14-box .yxf14-label.must:before {content:" ";width:10px;margin-right:10px;display:inline-block;vertical-align:inherit;height:10px;color:#FF4767;background:url()no-repeat center;}
    .yxf14 .yxf14-box .yxf14-label:after {content:":";display:inline-block;vertical-align:inherit;padding:0 5px;}
    .yxf14.bigpadding .yxf14-box .yxf14-label {width:230px;}
    .yxf14.smallpadding .yxf14-box .yxf14-label {width:57px;}
    .yxf14 .yxf14-box .yxf14-control {min-height:34px;line-height:34px;margin-right:20px;display:block;vertical-align:middle;position:relative;background:#fafafa;padding-left:0;padding-top:0;}
    .yxf14 .yxf14-box .yxf14-control + .yxf14-control{margin-top:10px}
    .yxf14 .yxf14-box .yxf14-control .i-checks {margin-top:0px;min-width:80px;margin-left:0px;margin-right:5px;line-height:37px;height:36px;}
    .yxf14 .yxf14-box .yxf14-control input[type=text],
    .yxf14 .yxf14-box .yxf14-control input[type=password]{font-size: 14px; padding: 0 15px; border: 1px solid #e1e3e4; border-radius: 5px; width: 400px; height: 34px; line-height: inherit; letter-spacing: 1px; color: #666; display: inline-block; vertical-align: middle;}
    .yxf14 .yxf14-box .yxf14-control input::placeholder ,
    .yxf14 .yxf14-box .yxf14-control textarea::placeholder {color:#aaa;font-size:12px;}
    .yxf14 .yxf14-box .yxf14-control >i {line-height:34px;height:34px;padding:0 10px;display:inline-block;font-size:12px;vertical-align:middle;}
    .yxf14 .yxf14-box .yxf14-control >b {line-height:34px;height:34px;font-weight:normal;padding:0 10px;display:inline-block;font-size:12px;color:red;vertical-align:middle;}
    .yxf14 .yxf14-box .yxf14-control >b::before {content:"( "}
    .yxf14 .yxf14-box .yxf14-control >b::after {content:" )"}
    .yxf14 .yxf14-box .yxf14-control >b.note {color:#999;}
    .yxf14 .yxf14-box .yxf14-control .select2-container {border-radius:0;margin-top:0;width:400px;border:1px solid #e1e3e4;display:inline-block;vertical-align:middle;}
    .yxf14 .yxf14-box .yxf14-control .select2-container.select2-dropdown-open {border-color:#5897fb;border-radius:3px 3px 0 0;}
    .yxf14 .yxf14-box .yxf14-control .select2-choice {background-image:none;height:34px;line-height:34px;border-radius:0;background:#fff;padding:0 0 0 15px;color:#666 !important;border:0;}
    .yxf14 .yxf14-box .yxf14-control .select2-choice>.select2-chosen line-heigh {font-size:12px;color:#aaa;}
    .yxf14 .yxf14-box .yxf14-control .select2-choice>.select2-chosen {line-height:38px;height:34px;font-size:12px;color:#666;}
    .yxf14 .yxf14-box .yxf14-control .select2-choice.select2-default>.select2-chosen{color:#aaa !important;}
    .yxf14 .yxf14-box .yxf14-control .select2-container .select2-choice .select2-arrow {background:#fff;border-left:1px solid #e1e3e4;width:26px;padding:0;overflow:hidden;}
    .yxf14 .yxf14-box .yxf14-control .select2-container .select2-choice .select2-arrow b {margin-left:4px;margin-top:2px;}
    .yxf14 .yxf14-box .yxf14-control input[type=number] {width:200px;height:34px;display:inline-block; border:1px solid #e1e3e4;vertical-align:middle;border-radius:2px;color:#404040;padding:10px;font-size:12px;}
    .yxf14 .yxf14-box .yxf14-control input[type=text][datetime-picker] { background:url();background-color:#fff;background-repeat:no-repeat; background-position:6px center; padding-left:33px !important; }
    .yxf14 .yxf14-box .yxf14-control.inline * {line-height:40px;height:40px;padding:0 15px;vertical-align:middle;}
    .yxf14 .yxf14-box .yxf14-control textarea {font-size:14px;display:inline;line-height:30px;width:200px;padding:3px 15px;color:#666;margin-right:6px;border-radius:2px;border:1px solid #e1e3e4;/*resize:none;*/vertical-align:middle;}
    .yxf14 .yxf14-box .yxf14-control textarea[type=text] {color:#333;}
    .yxf14 .yxf14-box .yxf14-control input[type=text].yxf14-kanbudao,
    .yxf14 .yxf14-box .yxf14-control input[type=number].yxf14-kanbudao {width:0px;height:0px;border:0;padding:0;float:right;}
    .yxf14 .yxf14-box .yxf14-control .yxf14-foke-input,.yxf14 .yxf14-box .yxf14-control .yxf14-foke-select {width:400px;height:34px;border-radius:5px;padding:10px;border:1px solid #DEDEDE;}
    .yxf14 .yxf14-box .yxf14-control .yxf14-foke-select {position:relative;}
    .yxf14 .yxf14-box .yxf14-control h6 {line-height:14px;}
    .yxf14 .yxf14-box .addCaret {cursor:pointer;}
    .yxf14 .yxf14-box .yxf14-control .yxf14-foke-select:before,.yxf14 .yxf14-box .addCaret:before {content:" ";display:block;position:absolute;z-index:20;right:12px;top:16px;margin-left:2px;vertical-align:middle;border-top:5px dashed;border-top:4px solid\9;border-right:3px solid transparent;border-left:3px solid transparent;}
    .yxf14 .yxf14-box .yxf14-control select.yxf14-select {width:400px;margin-right:6px;display:inline-block;height:34px;padding:6px 6px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;}
    .yxf14 .yxf14-box .yxf14-msg-box {display:block;overflow:hidden;vertical-align:middle;}
    .yxf14 .yxf14-box .yxf14-msg-box span {line-height:35px;display:block;}
    .yxf14 .yxf14-box .yxf14-msg-box .yxf14-msg-info {color:#ccc;}
    .yxf14 .yxf14-box .yxf14-msg-box .yxf14-msg-success {color:#4CAF50;}
    .yxf14 .yxf14-box .yxf14-msg-box .yxf14-msg-error {color:red;}
    .yxf14 .yxf14-box .radiobox {border:1px solid #ccc;background:#F5F5F5;line-height:36px;padding:10px 24px;}
    .yxf14 .yxf14-box .radiobox label {min-width:120px;}
    .yxf14 .yxf14-box label.prelistlabel {padding:0 20px;color:#999;font-size:13px;}
    .yxf14 .yxf14-box .prelist {line-height:26px;font-size:14px;font-weight:800;padding:10px 20px;}
    .yxf14 .yxf14-box .yxf14-control .btn {vertical-align:middle;margin-right: 20px;}
    .yxf14 .yxf14-box .yxf14-control .btn.btn-danger{ vertical-align: middle; padding: 6px 22px; background-color: #E67067; font-size: 14px; border-radius: 5px; border: 1px solid transparent; }
    .yxf14 .yxflegend { width: 95%; padding-top: 20px; margin: 10px 0 20px 0; border: 1px solid #CCCCCC; position: relative; margin-top: 20px; border-radius: 5px; padding: 20px 0px 20px 20px; }
    .yxf14.bigpadding .yxflegend > label:first-child { display: block; background: #fff; text-align: center; z-index: 100; position: absolute; top: -13px; left: 14px; background-color: white; padding: 0px 15px; font-size: 16px;font-weight: 100; }
    .yxf14.bigpadding .yxflegend .yxf14-box .yxf14-label { width: 210px;}
    .yxf14.bigpadding .yxflegend .yxf14-box { padding: 0 0 15px 218px; }
/*////////////////////////////////////////////////////////////////////////////
* classname::2019 popupMultiBox
* ======================
* by: lyp 2019-8-19 13:26:38
////////////////////////////////////////////////////////////////////////////*/
    ul.popupMultiBox{line-height: 36px; overflow: hidden; width: 100%; padding: 0;}
    ul.popupMultiBox li{display: inline-block; padding: 0 36px 0 10px; margin: 0 8px 0 0; height: 30px; line-height: 28px; vertical-align: middle; position: relative; border: 1px solid #CCCCCC; background: #F2F2F2; border-radius: 3px;}
    ul.popupMultiBox li > span{color: #333;}
    ul.popupMultiBox li > i{display:block;position:absolute;right:0;top:0;height:28px;line-height:28px;border-left:1px solid #CCCCCC;width:28px;text-align:center;background:#ECEAEA;border-bottom-right-radius:3px;border-top-right-radius:3px;cursor: pointer;}
    ul.popupMultiBox .popupMultiTitle{padding: 1px 10px; margin: 0; border: 0; background: none;}
    ul.popupMultiBox .popupMultiTitle:after{content:" : "}
    ul.popupMultiBox .popupMultiBtn{padding: 0; margin: 0 8px 0 0;}
    ul.popupMultiBox .popupMultiBtn .btn{height: 28px; display: block; line-height: inherit; padding: 0 20px; background: #45c5f1; color: #fff;}
/*////////////////////////////////////////////////////////////////////////////
* classname::2019 l2r3l model css for choose user list
* ======================
* by: lyp 2019-6-13 11:14:21
////////////////////////////////////////////////////////////////////////////*/
    .l2r3l{ margin: 5px auto; font-family: microsoft yahei; }
    .l2r3l ul{overflow-x: hidden;overflow-y: scroll;height: 350px;margin: 0 auto;padding: 5px 10px;border-top: 1px solid #BBBBBB;border-bottom: 1px solid #BBBBBB;}
    .l2r3l ul li{color: #444;height: auto;display: block;margin: 0;}
    .l2r3l ul li div{background: #f4f4f4;border: 1px solid #ddd;margin-bottom: 5px;}
    .l2r3l ul li div label{line-height: 38px;height: auto;}
    .l2r3l ul li div label input{}
    .l2r3l ul li div label h4{ margin: 0 0 0 10px; line-height: 34px; font-size: 14px; }
    .l2r3l ul li div label h5{ margin: 0 0 10px 0; font-size: 12px; }
    .l2r3l ul li div label span::before {top: 9px;}
    .l2r3l .l2r3lTitle { position: relative; margin-bottom: 10px; height: 30px; }
    .l2r3l .l2r3lTitle h5{ display: inline-block; line-height: 30px; font-size: 16px; margin: 0; font-weight: bold; }
    .l2r3l .l2r3lTitle input[type=text]{ width: 263px; margin-left: 10px; height: 28px; border-radius: 2px; border: 1px solid #ddd;padding-left: 5px; }
    .l2r3l .l2r3lTitle .glyphicon{ position: absolute; top: 10px; right: 50px; color: #ddd;cursor: pointer; }
    .l2r3l .l2r3lTitle .what{ position: absolute; top: 5px; right: 10px; }
    .l2r3l .wonderMore{ background: #f4f4f4; border: 1px solid #ddd; color: #444; height: 36px; line-height: 34px; margin-top: 6px; text-align: center; font-size: 15px; cursor: pointer; }
    .l2r3l .wonderMore span{}
    .l2r3r{margin: 5px auto;padding-left: 22px !important;font-family: microsoft yahei; padding-right: 0 !important;}
    .l2r3r ul{overflow-x: hidden;overflow-y: scroll;height: 350px;margin: 0 auto;padding: 5px 0px;border-top: 1px solid #BBBBBB;border-bottom: 1px solid #BBBBBB;}
    .l2r3r ul li{background: #fff;color: #444;font-size: 14px;line-height: 50px;padding: 0 0 0 15px;border-bottom: 1px dashed #bbb;position: relative;}
    .l2r3r ul li h4{display: block;font-size: 14px;margin: 0;line-height: 38px;}
    .l2r3r ul li h5{display: block;font-size: 12px;margin: 0;margin-bottom: 13px;}
    .l2r3r ul li i{color: #999;font-size: 15px;line-height: 13px;cursor: pointer;display: block;border: 1px solid #ddd;position: absolute;right: 6px; top: 50%;border-radius: 3px;text-align: center;width: 17px;height: 17px;margin: -9px 10px 0;background: #Eee;font-family: microsoft yahei, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;font-style: normal;}
    .l2r3r .l2r3rTitle{position: relative; margin-bottom: 10px; height: 30px; }
    .l2r3r .l2r3rTitle h5{display: inline-block; line-height: 30px; font-size: 16px; margin: 0; font-weight: bold; }
    .l2r3r .l2r3rTitle input[type=button]{ border: 1px solid #5BC0DE; background: #fff; color: #5BC0DE; float: right; margin-right: 13px; height: 25px; width: 43px; margin-top: 2px; }
/*////////////////////////////////////////////////////////////////////////////
* classname::form submit loading css
* ======================
* modify::2019-1-23 14:00:04
////////////////////////////////////////////////////////////////////////////*/
    .loadingbtn[disabled] { color:#bbb; cursor:not-allowed; }
    .loadingbtn[disabled] .loadingicon { border-radius:50%; width:10px; height:10px; display:inline-block; border:2px solid #ddd; border-top-color:#333; -webkit-animation-name:spin; -webkit-animation-duration:1s; -webkit-animation-iteration-count:infinite; animation-name:spin; animation-duration:1s; animation-iteration-count:infinite; -webkit-animation-timing-function:cubic-bezier(0.3, 0.1, 0.3, 0.85); animation-timing-function:cubic-bezier(0.3, 0.1, 0.3, 0.85); }
    @-webkit-keyframes spin { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } }
    @keyframes spin { 0% { -webkit-transform:rotate(0deg); transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); transform:rotate(360deg); } }
    .yxf14-loadingbtn[disabled]:after{content:"\4e2d";}
    .yxf14-loadingbtn[disabled]:before{content:" ";margin: 0 8px 0 0;border-radius: 50%; width: 10px; height: 10px; display: inline-block; border: 2px solid #ddd; border-top-color: #333; -webkit-animation-name: spin; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-name: spin; animation-duration: 1s; animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(0.3, 0.1, 0.3, 0.85); animation-timing-function: cubic-bezier(0.3, 0.1, 0.3, 0.85); }
/*////////////////////////////////////////////////////////////////////////////
* page::prettify css
* ======================
* modify::2019-1-23 14:00:04
////////////////////////////////////////////////////////////////////////////*/
    pre.prettyprint {text-align:left;position: relative;white-space: pre;line-height: 1.7;margin: 0;margin-bottom: 10px;width: 100%;word-wrap: normal;border: 1px solid #B9C0C1;border-left: 10px solid #3c9bec;padding: 15px 10px 15px 0;overflow-y: hidden;overflow-x: auto;font-size: 13px;color: #7DA4BD;background-color: #374252;}
    pre.prettyprint.linenums {/* -webkit-box-shadow: inset 40px 0 0 #374252, inset 41px 0 0 #464741; */-moz-box-shadow: inset 40px 0 0 #39382E, inset 41px 0 0 #464741;/* box-shadow: inset 40px 0 0 #374252, inset 41px 0 0 #464741; */}
    pre.prettyprint.linenums ol {margin: 0;padding-left: 40px;}
    pre.prettyprint.linenums ol li {padding-left: 0px;color: #bebec5;line-height: 20px;margin-left: 0;list-style: decimal;margin-bottom: 0;}
    pre.prettyprint .com { color: #608094; }
    pre.prettyprint .lit { color: #e673de; }
    pre.prettyprint .pun,
    pre.prettyprint .opn,
    pre.prettyprint .clo { color: #25e582; }
    pre.prettyprint .fun { color: #dc322f; }
    pre.prettyprint .str,
    pre.prettyprint .atv { color: #ffd214; }
    pre.prettyprint .kwd,
    pre.prettyprint .tag { color: #49cfef; }
    pre.prettyprint .typ,
    pre.prettyprint .atn,
    pre.prettyprint .dec,
    pre.prettyprint .var { color: #ff616a; }
    pre.prettyprint .pln { color: #eceef4; }
/*////////////////////////////////////////////////////////////////////////////
* page::checkbox/radiobox css
* ======================
* modify::2019-1-23 14:00:04
////////////////////////////////////////////////////////////////////////////*/
    .checkbox {padding-left: 20px;margin: 0;}
    .checkbox span { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; }
    .checkbox span::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -18px; border: 1px solid #ccc; border-radius: 3px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
    .checkbox span::after { content: ""; display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: 0; margin-left: -18px; padding-left: 3px; padding-top: 0; font-size: 11px; color: #555; }
    .checkbox input[type="checkbox"] {opacity: 0;z-index: 1;margin-top: 10px;}
    /*.checkbox input[type="checkbox"]:focus + span::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }*/
    .checkbox input[type="checkbox"]:checked + span::after { font-family: "FontAwesome"; content: "\f00c";}
    .checkbox.checkbox input[type="checkbox"]:indeterminate + span::after { display: block; content: ""; width: 10px; height: 3px; background-color: #555; border-radius: 2px; margin-left: -16.5px; margin-top: 7px; }
    .checkbox.checkbox input[type="checkbox"]:disabled + span { opacity: 0.65; }
    .checkbox.checkbox input[type="checkbox"]:disabled + span::before { background-color: #eeeeee; cursor: not-allowed; }
    .checkbox.checkbox.checkbox-circle span::before { border-radius: 50%; }
    .checkbox.checkbox.checkbox-inline { margin-top: 0; }
    .checkbox.checkbox-primary input[type="checkbox"]:checked + span::before { background-color: #337ab7; border-color: #337ab7; }
    .checkbox.checkbox-primary input[type="checkbox"]:checked + span::after { color: #fff; }
    .checkbox.checkbox-danger input[type="checkbox"]:checked + span::before { background-color: #d9534f; border-color: #d9534f; }
    .checkbox.checkbox-danger input[type="checkbox"]:checked + span::after { color: #fff; }
    .checkbox.checkbox-info input[type="checkbox"]:checked + span::before { background-color: #5bc0de; border-color: #5bc0de; }
    .checkbox.checkbox-info input[type="checkbox"]:checked + span::after { color: #fff; }
    .checkbox.checkbox-warning input[type="checkbox"]:checked + span::before { background-color: #f0ad4e; border-color: #f0ad4e; }
    .checkbox.checkbox-warning input[type="checkbox"]:checked + span::after { color: #fff; }
    .checkbox.checkbox-success input[type="checkbox"]:checked + span::before { background-color: #5cb85c; border-color: #5cb85c; }
    .checkbox.checkbox-success input[type="checkbox"]:checked + span::after { color: #fff;}
    .checkbox.checkbox-primary input[type="checkbox"]:indeterminate + span::before { background-color: #337ab7; border-color: #337ab7; }
    .checkbox.checkbox-primary input[type="checkbox"]:indeterminate + span::after { background-color: #fff; }
    .checkbox.checkbox-danger input[type="checkbox"]:indeterminate + span::before { background-color: #d9534f; border-color: #d9534f; }
    .checkbox.checkbox-danger input[type="checkbox"]:indeterminate + span::after { background-color: #fff; }
    .checkbox.checkbox-info input[type="checkbox"]:indeterminate + span::before{ background-color: #5bc0de; border-color: #5bc0de; }
    .checkbox.checkbox-info input[type="checkbox"]:indeterminate + span::after{ background-color: #fff; }
    .checkbox.checkbox-warning input[type="checkbox"]:indeterminate + span::before { background-color: #f0ad4e; border-color: #f0ad4e; }
    .checkbox.checkbox-warning input[type="checkbox"]:indeterminate + span::after { background-color: #fff; }
    .checkbox.checkbox-success input[type="checkbox"]:indeterminate + span::before { background-color: #5cb85c; border-color: #5cb85c; }
    .checkbox.checkbox-success input[type="checkbox"]:indeterminate + span::after { background-color: #fff; }
    .radiobox { padding-left: 20px; margin: 0; }
    .radiobox span { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; }
    .radiobox span::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; }
    .radiobox span::after { content: ""; display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: 3px; top: 3px; margin-left: -20px; border-radius: 50%; background-color: #555555; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
    .radiobox input[type="radio"] { opacity: 0; z-index: 1; margin-top: 10px; }
    /*.radiobox input[type="radio"]:focus + span::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }*/
    .radiobox input[type="radio"]:checked + span::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
    .radiobox input[type="radio"]:disabled + span { opacity: 0.65; }
    .radiobox input[type="radio"]:disabled + span::before { cursor: not-allowed; }
    .radiobox.radiobox-inline { margin-top: 0; }
    .radiobox.radiobox-primary input[type="radio"] + span::after { background-color: #337ab7; }
    .radiobox.radiobox-primary input[type="radio"]:checked + span::before { border-color: #337ab7; }
    .radiobox.radiobox-primary input[type="radio"]:checked + span::after { background-color: #337ab7; }
    .radiobox.radiobox-danger input[type="radio"] + span::after { background-color: #d9534f; }
    .radiobox.radiobox-danger input[type="radio"]:checked + span::before { border-color: #d9534f; }
    .radiobox.radiobox-danger input[type="radio"]:checked + span::after { background-color: #d9534f; }
    .radiobox.radiobox-info input[type="radio"] + span::after { background-color: #5bc0de; }
    .radiobox.radiobox-info input[type="radio"]:checked + span::before { border-color: #5bc0de; }
    .radiobox.radiobox-info input[type="radio"]:checked + span::after { background-color: #5bc0de; }
    .radiobox.radiobox-warning input[type="radio"] + span::after { background-color: #f0ad4e; }
    .radiobox.radiobox-warning input[type="radio"]:checked + span::before { border-color: #f0ad4e; }
    .radiobox.radiobox-warning input[type="radio"]:checked + span::after { background-color: #f0ad4e; }
    .radiobox.radiobox-success input[type="radio"] + span::after { background-color: #5cb85c; }
    .radiobox.radiobox-success input[type="radio"]:checked + span::before { border-color: #5cb85c; }
    .radiobox.radiobox-success input[type="radio"]:checked + span::after { background-color: #5cb85c; }
    .checkbox input[type="checkbox"].styled:checked + span:after,
    .radiobox input[type="radio"].styled:checked + span:after { font-family: 'FontAwesome'; content: "\f00c"; }
    .checkbox input[type="checkbox"] .styled:checked + span::before,
    .radiobox input[type="radio"] .styled:checked + span::before { color: #fff; }
    .checkbox input[type="checkbox"] .styled:checked + span::after,
    .radiobox input[type="radio"] .styled:checked + span::after { color: #fff; }
    .checkbox label,
    .radiobox label{ min-height: 20px; height: 30px; }
    .checkbox.checkbox-remove input[type="checkbox"].styled:checked + span:after{ font-family: 'FontAwesome'; content: "\f00d";color: #D9534F; }
/*////////////////////////////////////////////////////////////////////////////
* classname:: notyf
* included:: 2019-1-28 22:47:15
* position:: notyf css
////////////////////////////////////////////////////////////////////////////*/
    .notyf-container{position:fixed;top:84px;right:30px;width:18%;max-width:400px;color:#fff;z-index:1}
    .notyf-container .notyf-alert-icon,
    .notyf-container .notyf-confirm-icon{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}
    .notyf-container .notyf-alert-icon:after,
    .notyf-container .notyf-alert-icon:before{content:"";background:#ed3d3d;display:block;position:absolute;width:3px;border-radius:3px;left:9px}
    .notyf-container .notyf-alert-icon:after{height:3px;top:14px}
    .notyf-container .notyf-alert-icon:before{height:8px;top:4px}
    .notyf-container .notyf-confirm-icon:after,
    .notyf-container .notyf-confirm-icon:before{content:"";background:#3dc763;display:block;position:absolute;width:3px;border-radius:3px}
    .notyf-container .notyf-confirm-icon:after{height:6px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:9px;left:6px}
    .notyf-container .notyf-confirm-icon:before{height:11px;-webkit-transform:rotate(45deg);transform:rotate(45deg);top:5px;left:10px}
    .notyf-container .notyf{ display: block; overflow: hidden; -webkit-animation: a .3s forwards; animation: a .3s forwards; box-shadow: 0 1px 3px 0 rgba(0,0,0,.45); position: relative; padding: 10px; border: 1px solid transparent; border-radius: 4px; margin-bottom: 0;line-height: 20px;}
    .notyf-container .notyf.alert{background:#ed3d3d}
    .notyf-container .notyf.confirm{background:#3dc763}
    .notyf-container .notyf.disappear{-webkit-animation:b .3s 1 forwards;animation:b .3s 1 forwards;-webkit-animation-delay:.25s;animation-delay:.25s}
    .notyf-container .notyf.disappear .notyf-message{opacity:1;-webkit-animation:b .3s 1 forwards;animation:b .3s 1 forwards;-webkit-animation-delay:.1s;animation-delay:.1s}
    .notyf-container .notyf.disappear .notyf-icon{opacity:1;-webkit-animation:d .3s 1 forwards;animation:d .3s 1 forwards}
    .notyf-container .notyf-wrapper{display:table;width:100%;padding-top: 0;padding-bottom: 0;padding-right:0;border-radius:3px;}
    .notyf-container .notyf-icon{display:table-cell;width:20%;text-align:center;vertical-align:middle;font-size:1.3em;opacity:0;-webkit-animation:c .5s forwards;animation:c .5s forwards;-webkit-animation-delay:.25s;animation-delay:.25s}
    .notyf-container .notyf-message{display:table-cell;width:80%;vertical-align:middle;position:relative;opacity:0;-webkit-animation:a .3s forwards;animation:a .3s forwards;-webkit-animation-delay:.15s;animation-delay:.15s}
    .notyf-container .notyf-message a{color:#006600;}
    @media only screen and (max-width:736px){.notyf-container{width:90%;margin:0 auto;display:block;right:0;left:0}}
    @-webkit-keyframes a{0%{opacity:0;bottom:-15px;max-height:0;max-width:0;margin-top:0}30%{opacity:.8;bottom:-3px}to{opacity:1;bottom:0;max-height:200px;margin-top:6px;max-width:400px}}
    @keyframes a{0%{opacity:0;bottom:-15px;max-height:0;max-width:0;margin-top:0}30%{opacity:.8;bottom:-3px}to{opacity:1;bottom:0;max-height:200px;margin-top:6px;max-width:400px}}
    @-webkit-keyframes b{0%{opacity:1;bottom:0}30%{opacity:.2;bottom:-3px}to{opacity:0;bottom:-15px}}
    @keyframes b{0%{opacity:1;bottom:0}30%{opacity:.2;bottom:-3px}to{opacity:0;bottom:-15px}}
    @-webkit-keyframes c{0%{opacity:0}30%{opacity:.5}to{opacity:.6}}
    @keyframes c{0%{opacity:0}30%{opacity:.5}to{opacity:.6}}
    @-webkit-keyframes d{0%{opacity:.6}30%{opacity:.1}to{opacity:0}}
    @keyframes d{0%{opacity:.6}30%{opacity:.1}to{opacity:0}}
/*////////////////////////////////////////////////////////////////////////////
* classname:: attrTagList
* included:: 2018-12-17 18:59:03
* position:: en attrs
////////////////////////////////////////////////////////////////////////////*/
    .attrTagList{border-bottom: 1px solid #edf1f2; border-top: 1px solid #edf1f2; margin-bottom: 10px;}
    .attrTagList .attrTag {font-size: 12px; border-top: 3px; padding: 0; height: 21px; display: inline-block; line-height: 21px; border-radius: 5px;margin:5px 10px 5px 0;}
    .attrTagList .attrTag > b {background-color: #555555;color: #f3ffff;padding: 0 5px 0 10px;height: 21px;display: inline-block;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
    .attrTagList .attrTag > em {color: #f3ffff;text-shadow: #777 0 1px 0;font-weight: bold;font-style: italic;height: 21px;padding: 0 10px 0 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
/*////////////////////////////////////////////////////////////////////////////
* classname:: fileup button
* ##331053##flag
* included:: 2019-1-8 10:35:11
* position:: design css for fileup , find more easy , 666
////////////////////////////////////////////////////////////////////////////*/
    .btnFileimg{ position: relative; overflow: hidden; line-height: 20px; background: #fff; padding: 6px 18px; font-size: 14px; border: 1px solid #ddd; background-color: #f2f2f2; color: #333; border-radius: 5px;}
    .btnFileimg >span{display: inline-block;}
    .btnFileimg >span img{width:18px;height: 15px; vertical-align: sub; margin-right: 7px; }
    .btnFileimg input[type=file] { position: absolute; opacity: 0; width: 100%; right: 0; top: 0; bottom: 0; left: 0; filter: alpha(opacity=0); cursor: pointer }
    .btnFileimgView{height: 76px;width: 76px;position:relative;overflow: hidden;border-radius: 4px; box-shadow: 2px 2px 6px #e6e6e6, 0 1px 0 #fff9f9;}
    .btnFileimgView input[type=file] { position: absolute; opacity: 0; width: 100%; right: 0; top: 0; bottom: 0; left: 0; filter: alpha(opacity=0); cursor: pointer }
    .btnFileimgView >img{width: 100%;height:100%;}
    .btnText{margin-left: 10px;color: #999}
    .file-preview {overflow:hidden;width:100%;position:relative;}
    .file-preview .file-preview-item {position:relative;display:table;margin:0;border:1px solid #CCC;padding:4px;margin-right:4px;float:left;text-align:center;vertical-align:middle;}
    .file-preview .file-preview-item > img {vertical-align:middle;width:130px;height:100px;border: 1px solid #CCC;}
    .file-preview .file-preview-item > div {margin-top:5px;overflow:hidden}
    .file-preview .file-preview-item > div > .btn {color:inherit;opacity:1;font-size:12px;}
    .file-preview .file-preview-item > div > .btn i { line-height: 18px;}
    .uploadBtn {position:relative;overflow: hidden;}
    .uploadBtn input[type=file] { position: absolute; width: 100%; right: 0; top: 0; bottom: 0; left: 0; opacity: 0; filter: alpha(opacity=0); cursor: pointer }
/*////////////////////////////////////////////////////////////////////////////
* classname:: screenfull
* included:: 2018-12-17 18:59:03
* position:: en attrs
////////////////////////////////////////////////////////////////////////////*/
    .screenfull .screenfullItem1 { display: none !important; }
    .screenfull .screenfullItem2 { display: inline-block !important; }
    .screenfull.screenfullActive .screenfullItem2 { display: none !important; }
    .screenfull.screenfullActive .screenfullItem1 { display: inline-block !important; }
/*////////////////////////////////////////////////////////////////////////////
* classname:: list-group
* included:: 2019-7-2 16:51:31
* position:: ul.list-group
////////////////////////////////////////////////////////////////////////////*/
    .list-group{border-radius: 2px;}
    .list-group.no-radius .list-group-item{border-radius: 0 !important;}
    .list-group.no-borders .list-group-item{border: none;}
    .list-group.no-border .list-group-item{border-width: 1px 0;}
    .list-group.no-bg .list-group-item{background-color: transparent;}
    .list-group .list-group-item{padding-right: 15px;border-color: #cccccc;}
    .list-group .list-group-item:hover,
    .list-group .list-group-item:focus,
    .list-group .list-group-item.hover{background-color: #f6f8f8;}
    .list-group .list-group-item.media{margin-top: 0;}
    .list-group .list-group-item.active{color: #fff; background-color: #23b7e5 !important; border-color: #23b7e5 !important;}
    .list-group .list-group-item.active .text-muted{color: #ace4f5 !important;}
    .list-group .list-group-item.active a{color: #fff;}
    .list-group .list-group-item.focus{background-color: #e4eaec !important;}
    .list-group .list-group-item.select{position: relative; z-index: 1; background-color: #dbeef9 !important; border-color: #c5e4f5;}
    .list-group .list-group-item > .badge{margin-right: 0;}
    .list-group .list-group-item > .fa-chevron-right{float: right; margin-top: 4px; margin-right: -5px;}
    .list-group .list-group-item > .fa-chevron-right + .badge{margin-right: 5px;}
    .list-group.list-group-alt .list-group-item:nth-child(2n+2){background-color: rgba(0, 0, 0, 0.02) !important;}
    .list-group.list-group-lg .list-group-item{padding-top: 15px; padding-bottom: 15px;}
    .list-group.list-group-sm .list-group-item{padding: 6px 10px;}
    .list-group.list-group-sp .list-group-item{margin-bottom: 5px; border-radius: 3px;}
/*////////////////////////////////////////////////////////////////////////////
* classname:: json renderer
* included:: 2019-7-16 10:05:39
////////////////////////////////////////////////////////////////////////////*/
    .jsonRenderer{padding: 10px 30px;}
    .jsonRenderer ul.json-dict,
    .jsonRenderer ol.json-array{list-style-type: none; margin: 0 0 0 1px; border-left: 1px dotted #ccc; padding-left: 2em;}
    .jsonRenderer .json-string{color: #0B7500;}
    .jsonRenderer .json-literal{color: #1A01CC; font-weight: bold;}
    .jsonRenderer a.json-toggle{position: relative; color: inherit; text-decoration: none;}
    .jsonRenderer a.json-toggle:focus{outline: none;}
    .jsonRenderer a.json-toggle:before{color: #aaa; content: "\25BC"; position: absolute; display: inline-block; width: 7px; left: -12px;}
    .jsonRenderer a.json-toggle.collapsed:before{transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);}
    .jsonRenderer a.json-placeholder{color: #aaa; padding: 0 1em; text-decoration: none;}
    .jsonRenderer a.json-placeholder:hover{text-decoration: underline;}
/*////////////////////////////////////////////////////////////////////////////
* page::yxform
* ======================
* modify:: 2019-1-23 14:00:04
////////////////////////////////////////////////////////////////////////////*/

    .form-yx{ width: auto; margin: 15px 0; }
    .form-yx .form-yx-box{width: auto;position: relative;padding: 0 0 15px 240px;font-size: 14px;}
    .form-yx .form-yx-box.bigpadding{padding: 0 0 15px 210px;}
    .form-yx .form-yx-box.smallpadding{ padding: 0 0 15px 65px; }
    .form-yx .form-yx-box.minipadding{ padding: 0 0 15px 120px; }
    .form-yx .form-yx-box .form-yx-label{ position: absolute; margin: 0; top: 0; left: 0; width: 244px; padding: 0 40px 0 0; line-height: 34px; height: 34px; text-align: right; font-weight: 100; color: #333;  }
    .form-yx .form-yx-box .form-yx-label.must:before{content: " ";width: 10px;margin-right: 10px;display: inline-block;vertical-align: inherit;height: 10px;color: #FF4767;background: url()no-repeat center;}
    .form-yx .form-yx-box.bigpadding .form-yx-label{ width: 210px; }
    .form-yx .form-yx-box.minipadding .form-yx-label{width: 100px;padding: 0;}
    .form-yx .form-yx-box .form-yx-control{min-height:34px;margin-right:20px;display: inline-block; vertical-align: top;}
    .form-yx .form-yx-box .form-yx-control .i-checks{ padding-top:2px;margin-top:8px; min-width: 80px; margin-left: 0px; margin-right: 5px;}
    .form-yx .form-yx-box .form-yx-control input[type=text],
    .form-yx .form-yx-box .form-yx-control input[type=number],
    .form-yx .form-yx-box .form-yx-control input[type=time]{ font-size: 12px; width: 400px; height: 34px; display: inline-block; border-radius: 5px; padding: 10px; border: 1px solid #DEDEDE; }
    .form-yx .form-yx-box .form-yx-control.inline *{ vertical-align: top; }
    .form-yx .form-yx-box .form-yx-control textarea{ font-size: 14px; display: inline; width: 400px; margin-right: 6px; border-radius: 5px; padding: 10px; border-color: #dedede; }
    .form-yx .form-yx-box .form-yx-control input[type=text].form-yx-kanbudao,
    .form-yx .form-yx-box .form-yx-control input[type=number].form-yx-kanbudao{ width: 0px; height: 0px; border: 0; padding: 0; float: right; }
    .form-yx .form-yx-box .form-yx-control .form-yx-foke-input,
    .form-yx .form-yx-box .form-yx-control .form-yx-foke-select{ width: 400px; height: 34px; border-radius: 5px; line-height: 34px; padding: 0 10px; border: 1px solid #DEDEDE; overflow: hidden; cursor: not-allowed; background: whitesmoke;}
    .form-yx .form-yx-box .form-yx-control .form-yx-foke-select{position: relative;padding: 0 24px 0 10px;}
    .form-yx .form-yx-box .form-yx-control h6{ line-height: 34px;MARGIN: 0;}
    .form-yx .form-yx-box .addCaret{cursor: pointer;}
    .form-yx .form-yx-box .form-yx-control .form-yx-foke-select:before,
    .form-yx .form-yx-box .addCaret:before { content: " "; display: block; position: absolute; z-index: 20; right: 12px; top: 16px; margin-left: 2px; vertical-align: middle; border-top: 5px dashed; border-top: 4px solid\9; border-right: 3px solid transparent; border-left: 3px solid transparent;}
    .form-yx .form-yx-box .form-yx-control select.form-yx-select{ width: 400px; margin-right: 6px; display: inline-block; height: 34px; padding: 6px 6px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc;}
    .form-yx .form-yx-box .form-yx-msg-box {display: inline-block;overflow: hidden;vertical-align: top;}
    .form-yx .form-yx-box .form-yx-msg-box span{line-height: 32px;display: inline-block;}
    .form-yx .form-yx-box .form-yx-msg-box .form-yx-msg-info{color: #999;}
    .form-yx .form-yx-box .form-yx-msg-box .form-yx-msg-success{color: #4CAF50;}
    .form-yx .form-yx-box .form-yx-msg-box .form-yx-msg-error{color: #FF4767;}
    .form-yx .form-yx-box .radiobox{border: 1px solid #ccc;background: #F5F5F5;line-height: 36px;padding: 10px 24px;}
    .form-yx .form-yx-box .radiobox label{min-width: 120px;}
    .form-yx .form-yx-box .btn-adm1 {border: 1px solid #ddd;border-radius: 3px;background: #f2f2f2;color: #333;padding: 10px 20px;margin-right: 16px;}
    .form-yx .form-yx-box .btn-adm1 i { color: #6DD1F3; }
    .form-yx .form-yx-box .liftstar{color:red;background: url()no-repeat center;margin-right:10px;}
    .form-yx .form-yx-box label.prelistlabel { padding: 0 20px; color: #999; font-size: 13px; }
    .form-yx .form-yx-box .prelist{ line-height: 26px; font-size: 14px; font-weight: 800; padding: 10px 20px;}
    .form-yx .form-yx-box .radiolist label{line-height: 34px;margin: 0 5px 0 0;min-width: 80px;}
    .form-yx .form-yx-box .radiolist label input[type="checkbox"],
    .form-yx .form-yx-box .radiolist label input[type="radio"]{margin: 0 5px 0 0;height: 33px;width: 20px;}
    .form-yx .form-yx-box .prelist {line-height:26px;font-size:14px;font-weight:800;padding:10px 20px;}
    .form-yx .form-yx-box .select2-container {border-radius:0;margin-top:0;width:400px;border:1px solid #e1e3e4;display:inline-block;vertical-align:middle;}
    .form-yx .form-yx-box .select2-container.select2-dropdown-open {border-color:#5897fb;border-radius:3px 3px 0 0;}
    .form-yx .form-yx-box .select2-choice {background-image:none;height:34px;line-height:34px;border-radius:0;background:#fff;padding:0 0 0 15px;color:#666 !important;border:0;}
    .form-yx .form-yx-box .select2-choice>.select2-chosen line-heigh {font-size:12px;color:#aaa;}
    .form-yx .form-yx-box .select2-choice>.select2-chosen {line-height:38px;height:34px;font-size:12px;color:#666;}
    .form-yx .form-yx-box .select2-choice.select2-default>.select2-chosen{color:#aaa !important;}
    .form-yx .form-yx-box .select2-container .select2-choice .select2-arrow {background:#fff;border-left:1px solid #e1e3e4;width:26px;padding:0;overflow:hidden;}
    .form-yx .form-yx-box .select2-container .select2-choice .select2-arrow b {margin-left:4px;margin-top:2px;}
    /*datepicker*/
    .datepicker .calendar .today.select-day{color:#fff;background:#5b9bd9;}
    .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background-color: #e95757; border-color: #e95757;}
    .paginationSelect{ display: inline-block; padding-left: 0; margin: 20px 10px; border-radius: 4px; vertical-align: top; width: 60px; height: 31px; border: 1px solid #dddddd; color: #777777; padding: 0 0px 0 7px;}
/*////////////////////////////////////////////////////////////////////////////
* page::produce detail
* ======================
* modify:: 2019-9-19 14:18:28
////////////////////////////////////////////////////////////////////////////*/
    .banner_edit{width:100%; padding:20px; background:#f4f5f9; border:1px solid #e7e7eb; border-radius:2px; position:relative;}
    .banner_edit{margin-top:114px;}
    .banner_edit:before{top:50px;}
    .banner_edit .banner_edit_div{width:405px; background:#fff; border:1px solid #e5e5e5; position:relative; padding-bottom:90px;}
    .banner_edit .banner_edit_footer{width:100%; height:90px; background:#fafafa; border-top:1px solid #e5e5e5; position:absolute; bottom:0; cursor:pointer;}
    .banner_edit .banner_edit_footer dl{width:33.3%; height:100%; overflow:hidden; margin:auto; text-align:center; color:#999999; font-size:14px; padding-top:12px;}
    .banner_edit .banner_edit_footer dl dt{background:url('../images/splite.1.png')no-repeat 2px -134px; width:34px; height:34px; margin:auto; margin-bottom:10px;}
    .banner_edit .banner_edit_footer .add_text{float:left; display:none;}
    .banner_edit .banner_edit_footer .add_text:nth-of-type(2) dt{background:url('../images/splite.1.png')no-repeat 1px -175px;}
    .banner_edit .banner_edit_footer .add_text:nth-of-type(3) dt{background:url('../images/splite.1.png')no-repeat 2px -219px;}
    .banner_edit .banner_edit_footer .add_text:nth-of-type(4) dt{background:url('../images/splite.1.png')no-repeat 3px -259px;}
    .banner_edit .banner_edit_footer:hover .addone{display:none;}
    .banner_edit .banner_edit_footer:hover .add_text{display:block;}
/*////////////////////////////////////////////////////////////////////////////
* page::table design for Conpany
* ======================
* modify:: 2019-9-19 14:18:28
////////////////////////////////////////////////////////////////////////////*/
    .main-table-yx{margin-left: 0; width: auto;}
    .main-table-yx .table{border-bottom: 1px solid #ddd;position: relative;}
    .main-table-yx .table tr th{padding:8px;font-size: 13px;color: #222;border-left:1px;border-right:1px;border: 0;}
    .main-table-yx .table thead tr th{border-bottom: 1px solid #ddd;}
    .main-table-yx .table thead{border-bottom: 0;}
    .main-table-yx .table tbody{border: 0;border-bottom: 1px dashed #ddd;}
    .main-table-yx .table tr{border: 0;line-height: 20px;}
    .main-table-yx .table tr td{padding:10px 8px 5px;line-height: inherit;border: 0;}
    .main-table-yx .table tr.extraTd{cursor: pointer;}
    .main-table-yx .table tr.extraTd td{padding: 0px 8px 10px 8px;}
    .main-table-yx .table .main-table-link{font-size: 14px; padding: 0 4px 0 0; color: #3390CF; cursor: pointer;}
    .main-table-yx .table .main-table-link:hover{color: #00365A;}
    .main-table-ho{overflow: visible;}
    .main-table-ho .hohoho{overflow: visible;position: relative;cursor: pointer;}
    .main-table-ho .hohoho img{width: 100%;min-width: 200px;max-width: 300px;position: absolute;top: 100%;left: 0;display: none;z-index: 300;border: 1px solid #DDDDDD;}
    .main-table-ho .hohoho:hover{}
    .main-table-ho .hohoho:hover img{display:block}
